$(document).ready(function(){
    
    $('.txt_flt').css({'margin-left': - ( $('.txt_flt').width() - 39) });
    
    
    $('.t_f_btn').click(function(){
        if($('.txt_flt').css('margin-left') != '0px'){
            $('.txt_flt').css({'margin-left': '0px' });
            $('.t_f_btn span').removeClass('icn_seta_r').addClass('icn_seta_l');
        }else{
            $('.txt_flt').css({'margin-left': - ( $('.txt_flt').width() - 39) });
            $('.t_f_btn span').removeClass('icn_seta_l').addClass('icn_seta_r');
        }
    });
    
    $('.t_c_t_btn').click(function(){
        if($('.t_c_t_b_cet').css('display') == 'none'){
            $('.t_c_t_b_cet').show();
            $('.t_c_t_btn span').removeClass('icn_seta_l').addClass('icn_seta_r');
        }else{
            $('.t_c_t_b_cet').hide();
            $('.t_c_t_btn span').removeClass('icn_seta_r').addClass('icn_seta_l');  
        }
    });
    
    $(".fc_popup").fancybox();
    
    $('#btn_orc').click(function(){
        
        var cores = '0';
        $('.lcores').each(function(el){ 
            if($(this).prop('checked')){
                cores = cores+','+$(this).val();     
            }
        });
        $('#cores').val(cores);
        
        var acab = '0';
        $('.lacab').each(function(el){
            if($(this).prop('checked')){
                acab = acab+','+$(this).val();     
            }
        });
        $('#acab').val(acab);
        
        
        if(cores == '0'){
            alert('Escolha ao menos uma cor!');
        }else if(acab == '0'){
            alert('Escolha um acabamento!');
        }else{
            $('.fc_popup').click();
        }
    });
    
    
    var cor_limit = 2;
    var cor_sel = 0;
    $('.t_c_t_b_cores li').click(function(){ 
        if($(this).find('.lcores').prop('checked')){
            $(this).find('.lcores').prop('checked',false);
            $(this).removeClass('action');
            $(this).find('.img_sel').remove();
            cor_sel--;
            if(cor_sel < 0) cor_sel = 0;
        }else{
            if(cor_sel < cor_limit){
                $(this).find('.lcores').prop('checked',true);  
                $(this).addClass('action');
                $(this).append('<span class="img_sel"></span>');  
                cor_sel++;
            }
        }
    });
    
    $('.t_c_t_b_aca li').click(function(){
       
        $('.t_c_t_b_aca li').find('.lacab').prop('checked',false);    
        $('.t_c_t_b_aca li').removeClass('action');
        $('.t_c_t_b_aca li').find('.img_sel').remove();

        $(this).find('.lacab').prop('checked',true);    
        $(this).addClass('action');
        $(this).append('<span class="img_sel"></span>');  
        
    });
    
    
    $("#form").validate({
        onfocusout: function (element) {
            $(element).valid();
        },
        errorPlacement: function(error, element) 
        {
            element.attr('title', error.text());
            $(".error").tooltip({   
                position: {
                    my: "center bottom-10",
                    at: "right top",
                    using: function(position, feedback) {
                        $(this).css(position);
                        $("<div>").addClass("arrow").addClass(feedback.vertical).addClass(feedback.horizontal).appendTo(this);
                    }
                },
                tooltipClass: "ttError"
            }); 
        },
        submitHandler: function(form){

            $.post(URLBASE+'/'+CONTROL+'/orcamento/', $("#form").serialize()  ,function(data) {
                if(data.ok){
                    alert('Enviado com sucesso!');
                    $.fancybox.close();
                    $('.lcores').prop('checked',false);
                    $('.t_c_t_b_cores li').removeClass('action');
                    $('.t_c_t_b_cores').find('.img_sel').remove();
                    $('.lacab').prop('checked',false);
                    $('.t_c_t_b_aca li').removeClass('action');
                    $('.t_c_t_b_aca').find('.img_sel').remove();
                    document.getElementById("form").reset();
                }
                else if(data.msg > '') alert(data.msg);
            }, 'json');

            return false;

        }
    });
    
    // galeria
    var g_id = 1;
    var i_id = 0;
    var i_itg = 0;
    var alt = '';
    $('.gf_clk').click(function(){
        var el = $(this);
        g_id = el.attr('id');
        
        $('.gf_clk').removeClass('action');
        $('.galeriaitg').hide();
        $('.g_f_img').hide();
        
        
        $('.galeriafull').show();
        $('#galeria'+g_id).show();
        
        if(i_itg == 0){
            $('#galeria'+g_id).find('.g_f_img').first().fadeIn();
            i_id = $('#galeria'+g_id).find('.g_f_img').first().attr('id');
            alt = $('#galeria'+g_id).find('.g_f_img').first().attr('alt');
        }
        else {
            $('#galeria'+g_id).find('.g_f_img[id^='+i_itg+']').fadeIn();
            alt = $('#galeria'+g_id).find('.g_f_img[id^='+i_itg+']').attr('alt');
            i_id = i_itg;
            i_itg = 0;
        } 
        
        el.addClass('action');
        $('.g_f_img_alt').text(alt);
        
    });
    
    $('.g_fechar').click(function(){ 
        g_id = 1;
        i_id = 0;
        i_itg = 0;
        alt = '';
        
        $('.gf_clk').removeClass('action');
        $('.galeriaitg').hide();
        $('.g_f_img').hide();
        $('.galeriafull').fadeOut();
        
    });
    
    $('.g_seta_r').click(function(){ //alert(' + '+i_id);
        var prox = 0;
        $('#galeria'+g_id+' .g_f_img').each(function () { 
            if($(this).attr('id') > i_id){
                $('.g_f_img').hide();
                $(this).fadeIn();
                i_id = $(this).attr('id');
                alt = $(this).attr('alt');
                $('.g_f_img_alt').text(alt);
                prox = 1;
                //alert($(this).attr('id'));
                return false;
            }
        });
        
        if(prox == 0){
            //alert('proximo');
            $('.gf_clk').each(function () { 
                //alert($(this).attr('id'));
                if($(this).attr('id') > g_id){ 
                    $('.gf_clk').removeClass('action');
                    $(this).click();
                    return false;
                    //alert($(this).attr('id'));
                }
            });
            // avançar carrosel
            if(g_id > 4) $('.jcarousel-next').click();
            else if(g_id > 8) $('.jcarousel-next').click();
            else if(g_id > 12) $('.jcarousel-next').click();
        }
    });
    
    $('.g_seta_l').click(function(){ //alert(' - '+i_id);
        var t_i_id = 0;
        var ant = 0;
        $('#galeria'+g_id+' .g_f_img').each(function () { 
            if($(this).attr('id') < i_id){ 
                $('.g_f_img').hide();
                $(this).fadeIn();
                t_i_id = $(this).attr('id');
                alt = $(this).attr('alt');
                $('.g_f_img_alt').text(alt);
                ant = 1;
                //alert($(this).attr('id'));
            }
        });
        i_id = t_i_id;
        
        if(ant == 0){
            //alert('anterior');
            var t_g_id = 1;
            var clk = 0;
            var elc = '';
            $('.gf_clk').each(function () { 
                //alert($(this).attr('id'));
                if($(this).attr('id') < g_id){
                    elc = $(this);
                    //$(this).click();
                    clk = 1;
                    t_g_id = $(this).attr('id');
                    //alert($(this).attr('id'));
                }
            });
            g_id = t_g_id;
            if(clk == 1){
                i_id = parseInt($('#galeria'+g_id+' .g_f_img').length) - 1;
                i_itg = i_id;
                $('.gf_clk').removeClass('action');
                elc.click();   
            }
            // retornar carrosel
            if(g_id < 5) $('.jcarousel-prev').click();
            else if(g_id < 9) $('.jcarousel-prev').click();
            else if(g_id < 13) $('.jcarousel-prev').click();
        }
    });
    // fim galeria
});